<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>chat room</title>
    <link rel="stylesheet" href="./webjars/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="./webjars/layui/src/css/layui.css">
</head>
<body>



    <div class="form-group" style="width: 200px">
        <label for="">用户名</label>
        <input type="text" class="form-control" name="" id="name" aria-describedby="helpId" placeholder="请输入你的名字">
    </div>
    <div class="form-group" style="width: 200px">
        <label for="">发送的内容</label>
        <input type="text" class="form-control" name="" id="message_content" aria-describedby="helpId" placeholder="请输入发送内容">
    </div>

    <div class="btn-group">
        <button type="button" class="btn btn-success" id="connect">连接</button>
        <button type="button" class="btn layui-btn-danger" id="send">send</button>
        <button type="button" class="btn btn-primary" id="leave">离开</button>
        <button type="button" class="layui-btn-danger" id="test1" style="width: 60px">test1</button>
        <button type="button" class="layui-btn-normal" id="test2" style="width: 60px">test2</button>
    </div>

    <div style="padding: 20px; background-color: #F2F2F2;">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md6">
                <div class="layui-card">
                    <div class="layui-card-header">chat room</div>
                    <div class="layui-card-body" id="chat-content">

                    </div>
                </div>
            </div>
            <div class="layui-col-md6">
                <div class="layui-card">
                    <div class="layui-card-header">卡片面板</div>
                    <div class="layui-card-body">
                        结合 layui 的栅格系统<br>
                        轻松实现响应式布局
                    </div>
                </div>
            </div>
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-header">标题</div>
                    <div class="layui-card-body">
                        内容
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script th:src="@{webjars/layui/src/layui.js}" type="text/javascript"></script>
    <script src="/webjars/jquery/jquery.min.js"></script>
    <script src="/webjars/sockjs-client/sockjs.min.js"></script>
    <script src="/webjars/stomp-websocket/stomp.min.js"></script>
    <script src="/webjars/js-cookie/js.cookie.js"></script>
    <script src="index.js" type="text/javascript" ></script>
    <!--<script src="js/main.js" type="text/javascript" ></script>-->

<script>

</script>
</body>
</html>